/*
 我的订单列表
** */
<template>
    <div>
        <!--查询按钮-->
        <div>
            <el-button size="medum">今天</el-button>
            <el-button size="medum">昨天</el-button>
            <el-button size="medum">本周</el-button>
            <el-button size="medum">本月</el-button>
            <el-button size="medum">本季</el-button>
            <el-button size="medum">近三个月</el-button>
            <el-button size="medum">今年</el-button>
        </div>

        <!--订单列表-->
        <div>
            <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
                <el-tab-pane label="全部" name="first">用户管理</el-tab-pane>
                <el-tab-pane label="待付款" name="second">配置管理</el-tab-pane>
                <el-tab-pane label="待发货" name="third">角色管理</el-tab-pane>
                <el-tab-pane label="已完成" name="fourth">定时任务补偿</el-tab-pane>
            </el-tabs>
        </div>
    </div>
</template>

<script>
  export default {
    data() {
      return {
        activeName: 'first'
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
  };
</script>